﻿<?php
error_reporting(0);
define('IN_QY',true);
session_start();
require("include/common.inc.php");
define('SCRIPT','ad_list');

?>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>蜜圈-众晒网</title>
          <link href="/ui/css/Hui.css" rel="stylesheet" type="text/css" />
        <link href="style1.css" rel="stylesheet" type="text/css"/>
   
   <link href="/ui/plugins/swiper/swiper.min.css" rel="stylesheet" />		
        <script type="text/javascript" src="/ui/xianzhi/js/jquery.min.js"></script>
     <script src="/ui/plugins/swiper/swiper.min.js"></script>
        <script type="text/javascript" src="/ui/xianzhi/js/tab.js"></script>	
<link rel="stylesheet" type="text/css" href="/ui/pubu/css/style.css" />		
		
    <style type="text/css">
        #header{width:100%; position:absolute; top:0;}
        #footer{width:100%; position:absolute; bottom:0;}
        #main{width:100%; overflow: auto; position:absolute; top:44px;bottom:55px;background:white;}	
		.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 50px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
    </style>
</head>
<body>
    <header class="H-header H-theme-background-color-white" id="header">
        <div class="H-header-title H-center-all H-font-size-18 H-text-show-row-1 H-theme-font-color-black H-position-absolute H-width-100-percent">
          蜜圈-众晒网
        </div>
    </header>

    <div id="main">
	            <section class="aui-scrollView">
	

	    <div class="H-swiper H-position-relative H-width-100-percent H-box-sizing-border-box H-overflow-scrolling" style="height:150px;">
        <div class="swiper-container  swiper-normal H-position-absolute H-width-100-percent H-height-100-percent">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="/ui/xianzhi/images/banner-001.jpg" class="H-width-100-percent H-height-100-percent" /></div>
                <div class="swiper-slide"><img src="/ui/xianzhi/images/banner-001.jpg" class="H-width-100-percent H-height-100-percent" /></div>
                <div class="swiper-slide"><img src="/ui/xianzhi/images/banner-001.jpg" class="H-width-100-percent H-height-100-percent" /></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>

	
	

			    <nav class="aui-nav-box">
                    <a href="javascript:;" class="aui-nav-item aui-nav-item-active">孕产之后</a>
                    <a href="javascript:;" class="aui-nav-item ">0-6个月</a>
                    <a href="javascript:;" class="aui-nav-item ">6-12个月</a>
                    <a href="javascript:;" class="aui-nav-item ">1-3岁</a>
                </nav>
  
				            <div class="aui-tab" data-ydui-tab>
				        <div class="aui-item-ofl">
                        <ul class="tab-nav">
                            <li class="tab-nav1-item tab-active">
                                <a href="javascript:;">
								我的动态
								</a>
                            </li>
                            <li class="tab-nav1-item">
                                <a href="javascript:;">数码家电</a>
                            </li>
                            <li class="tab-nav1-item">
                                <a href="javascript:;">母婴</a>
                            </li>
                            <li class="tab-nav1-item">
                                <a href="javascript:;">美容彩妆</a>
                            </li>
                            <li class="tab-nav1-item">
                                <a href="javascript:;">运动</a>
                            </li>
                            <li class="tab-nav1-item">
                                <a href="javascript:;">家居生活</a>
                            </li>
                            <li class="tab-nav1-item">
                                <a href="javascript:;">潮流服饰</a>
                            </li>
                            <li class="tab-nav1-item">
                                <a href="javascript:;">时尚鞋靴</a>
                            </li>
                            <li class="tab-nav1-item">
                                <a href="javascript:;">个人洗护</a>
                            </li>
                        </ul>
                    </div>
                   </div>
			

			<div class="aui-shop-layout">

<div class="wrapper">
<ul class="wall">



</ul>

</div>

         </div>	
        </section>
	<!--------------->	
     </div>
    <?include('footer.php');?>
	    <script src="/ui/pubu/js/jaliswall.js" type="text/javascript" charset="utf-8"></script>	
	<script src="dropload.min.js"></script>
    <script src="/ui/script/H.js" type="text/javascript"></script>

	<script type="text/javascript">
        $(function () {  
            //防止页面后退  
            history.pushState(null, null, document.URL);  
            window.addEventListener('popstate', function () {  
                    history.pushState(null, null, document.URL);  
            });  
        }) 
   </script>
   
<script type="text/javascript">

		$(function(){
			$('.wall').jaliswall({ item: '.article' });
		});

	</script>
	
	    <script type="text/javascript">
        var swiper = new Swiper('.swiper-normal', {
            pagination: '.swiper-pagination',
            loop: true
        });
    </script>
	
<script>
$(function(){
    // 页数
    var page = 0;
    // 每页展示5个
    var size = 5;

    // dropload
    $('.wrapper').dropload({
        scrollArea : window,
        loadDownFn : function(me){
            page++;
            // 拼接HTML
            var result = '';
            $.ajax({
                type: 'GET',
                url: 'http://ons.me/tools/dropload/json.php?page='+page+'&size='+size,
                dataType: 'json',
                success: function(data){
                    var arrLen = data.length;
                    if(arrLen > 0){
                        for(var i=0; i<arrLen; i++){
                            result +=  '<div class="wall-column">'
							+'<div class="article">'
							+'<a href="#">'
							+'<img src="'+data[i].pic+'" />'
							+'<p>用户名用户名用户名用户名用户名</p>'
							+'<small>10000000票</small>'
							+'<input type="button" value="投票" />'
							+'</a>'
							+'</div>'
							+'</div>';	
										 
                        }
                    // 如果没有数据
                    }else{
                        // 锁定
                        me.lock();
                        // 无数据
                        me.noData();
                    }
                    // 为了测试，延迟1秒加载
                    setTimeout(function(){
                        // 插入数据到页面，放到最后面
                        $('.wrapper ul').append(result);
                        // 每次数据插入，必须重置
                        me.resetload();
                    },1000);
					
                },
				
                error: function(xhr, type){
                    alert('Ajax error!');
                    // 即使加载出错，也得重置
                    me.resetload();
                }
				
            });
        }
    });
});



</script>
<script>
//#content为某个div的id 
var dropload = $('#wrapper').dropload({ 
//scrollArea很关键，要不然加载更多不起作用 
scrollArea : window, 
domUp : { 
 domClass : 'dropload-up', 
 domRefresh : '<div class="dropload-refresh">↓下拉刷新</div>', 
 domUpdate : '<div class="dropload-update">↑释放更新</div>', 
 domLoad : '<div class="dropload-load"><span class="loading"></span>加载中...</div>' 
}, 
domDown : { 
 domClass : 'dropload-down', 
 domRefresh : '<div class="dropload-refresh">↑上拉加载更多</div>', 
 domLoad : '<div class="dropload-load"><span class="loading"></span>加载中...</div>', 
 domNoData : '<div class="dropload-noData">暂无数据</div>' 
 }, 
loadUpFn : function(me){ 
 //下拉刷新需要调用的函数 

 //重置下拉刷新 
 me.resetload(); 
}, 
loadDownFn : function(me){ 
 //上拉加载更多需要调用的函数 

 //定时器函数,为了看出上拉加载更多效果 
  setTimeout(function(){ 
  // 每次数据加载完，必须重置 
   me.resetload(); 
  },1000); 
  } 
}); 


</script>

	    <script type="text/javascript">
        var swiper = new Swiper('.swiper-normal', {
            pagination: '.swiper-pagination',
            loop: true
        });
    </script>
</body>
</html>